<%-- 
    Document   : createaccount
    Created on : May 22, 2012, 10:11:05 PM
    Author     : Abhishek Agrawal
--%>

<%@include file="/jsp/top.jsp" %>

<html:html>
    <head>
        <title>Create Account</title>         
    </head>    
    <body class="customer-account-create">
        <div class="wrapper">
            <noscript> &lt;div class="noscript"&gt; &lt;div class="noscript-inner"&gt; &lt;p&gt;&lt;strong&gt;JavaScript seem to be disabled in your browser.&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;You must have JavaScript enabled in your browser to utilize the functionality of this website.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; </noscript>
        </div>

        <div class="main-container">            
            <div class="account-create default">
                <div class="page-title"><h1>Create an Account</h1></div>
                <html:form action="/userAccount" method="post">
                    <div class="fieldset register-left">
                        <div class="fieldset register-left top">
                            <h2 class="legend">Personal Information</h2>
                            <div class="form-table">
                                <table border="0" width="100%" align="center" cellspacing="5px">
                                    <tr class="field name-prefix">
                                        <td align="right"><bean:message key="user.prefix"/><em>*</em></td>
                                        <td align="center" class="input-box"><html:select property="prefix" style="width:200px" >
                                                <html:option value="0">--- Select ---</html:option>
                                                <html:options collection="titleMap" property="key" labelProperty="value"/>
                                            </html:select>   
                                        </td>                                        
                                    </tr>
                                    <tr><td colspan="2" align="center"><html:errors property="errPrefix"/></td></tr>
                                    <tr align="center" class="field name-firstname">
                                        <td align="right"><bean:message key="user.fname"/><em>*</em></td>
                                        <td class="input-box"><html:text property="firstName" size="30" onblur="this.value=removeSpaces(this.value);"/></td>
                                    </tr>
                                    <tr><td colspan="2" align="center"><html:errors property="errFirstName"/></td></tr>
                                    <tr align="center" class="field name-middlename">
                                        <td align="right"><bean:message key="user.mname"/></td>
                                        <td class="input-box"><html:text property="middleName" size="30" onblur="this.value=removeSpaces(this.value);"/></td>
                                    </tr>
                                    <tr><td colspan="2" align="center"><html:errors property="errMiddleName"/></td></tr>
                                    <tr align="center" class="field name-lastname">
                                        <td align="right"><bean:message key="user.lname"/><em>*</em></td>
                                        <td class="input-box"><html:text property="lastName" size="30" onblur="this.value=removeSpaces(this.value);"/></td>
                                    </tr>
                                    <tr><td colspan="2" align="center"><html:errors property="errLastName"/></td></tr>
                                    <tr align="center" class="field profession">
                                        <td align="right"><bean:message key="user.profession"/></td>
                                        <td class="input-box"><html:text property="profession" size="30" /></td>
                                    </tr>
                                    <tr><td colspan="2" align="center"><html:errors property="errProfession"/></td></tr>
                                    <tr align="center" class="field email">
                                        <td align="right"><bean:message key="user.email"/><em>*</em></td>
                                        <td class="input-box"><html:text property="emailId" size="30" onblur="this.value=removeSpaces(this.value);"/></td>
                                    </tr>
                                    <tr><td colspan="2" align="center"><html:errors property="errEmailId"/></td></tr>
                                    <tr align="center" class="field dateofbirth">
                                        <td align="right"><bean:message key="user.dateofbirth"/><em>*</em></td>
                                        <td class="input-box"><html:text styleId="datepicker" property="dateOfBirth" size="30" onblur="this.value=removeSpaces(this.value);" readonly="true" /></td>
                                    </tr> 
                                    <tr><td colspan="2" align="center"><html:errors property="errDateOfBirth"/></td></tr>
                                    <tr align="center" class="field mobileno">
                                        <td align="right"><bean:message key="user.mobileno"/><em>*</em></td>
                                        <td class="input-box"><html:text property="mobileNo" size="30" onblur="this.value=removeSpaces(this.value);"/></td>
                                    </tr>
                                    <tr><td colspan="2" align="center"><html:errors property="errMobileNo"/></td></tr>
                                </table>
                            </div>
                            <div id="errdividpi" >
                                <span id="errspanidpi"></span>
                                <html:errors property="errRegisterPI"/>
                            </div>
                        </div>
                        <div class="chknewsletter"><html:checkbox property="newsLetter" /> Subscribe to Newsletter </div>
                        <div class="fieldset register-left bottom">
                            <h2 class="legend">Login Information</h2>
                            <div class="form-table">
                                <table  border="0" width="100%" align="center" cellspacing="5px">
                                    <tr align="center" class="field securityquestion">
                                        <td align="right"><bean:message key="user.securityquestion"/><em>*</em></td>
                                        <td align="center" class="input-box"><html:select property="securityQuestion" style="width:200px" >
                                                <html:option value="0">--- Select ---</html:option>
                                                <html:options collection="securityQuestionMap" property="key" labelProperty="value"/>
                                            </html:select>
                                        </td>
                                    </tr>
                                    <tr><td colspan="2" align="center"><html:errors property="errSecurityQuestion"/></tr>
                                    <tr align="center" class="field answer">
                                        <td align="right"><bean:message key="user.answer"/><em>*</em></td>
                                        <td class="input-box"><html:text property="answer" size="30" onblur="this.value=removeSpaces(this.value);"/>
                                        </td>
                                    </tr>
                                    <tr><td colspan="2" align="center"><html:errors property="errAnswer"/></tr>
                                    <tr align="center" class="field username" >
                                        <td align="right"><bean:message key="user.username"/><em>*</em></td>
                                        <td class="input-box"><html:text property="userName" size="30" onblur="this.value=removeSpaces(this.value);"/></td>
                                    </tr>
                                    <tr><td colspan="2" align="center"><html:errors property="errUsername"/></td></tr>
                                    <tr align="center" class="field user-password">                                    
                                        <td align="right"><bean:message key="user.password"/><em>*</em></td>
                                        <td class="input-box"><html:password property="password" size="30" onblur="this.value=removeSpaces(this.value);"/></td>
                                    </tr>
                                    <tr><td colspan="2" align="center"><html:errors property="errPassword"/></td></tr>
                                    <tr align="center" class="field confirm-password">
                                        <td align="right"><bean:message key="user.confirmpassword"/><em>*</em></td>
                                        <td class="input-box"><html:password property="confirmPassword" size="30" onblur="this.value=removeSpaces(this.value);"/></td>
                                    </tr>
                                    <tr><td colspan="2" align="center"><html:errors property="errConfirmPassword"/></td></tr>
                                </table>
                            </div>
                            <div id="errdividli" >
                                <span id="errspanidli"></span>
                                <html:errors property="errRegisterLI"/>
                            </div>
                        </div>
                    </div>

                    <div class="fieldset register-right">
                        <div class="fieldset register-right top">
                            <h2 class="legend">Billing Address Information</h2>
                            <div class="form-table">
                                <table border="0" width="100%" align="center" cellspacing="5px">
                                    <tr class=" field billing-house">
                                        <td align="right"><bean:message key="user.house"/><em>*</em></td>
                                        <td align="center" class="input-box"><html:text property="billingHouse" size="30" /></td>
                                    </tr>
                                    <tr><td colspan="2" align="center"><html:errors property="errBillingHouse"/></td></tr>
                                    <tr class=" field billing-street">
                                        <td align="right"><bean:message key="user.street"/><em>*</em></td>
                                        <td align="center" class="input-box"><html:text property="billingStreet" size="30"/></td>
                                    </tr>
                                    <tr><td colspan="2" align="center"><html:errors property="errBillingStreet"/></td></tr>
                                    <tr class=" field billing-city">
                                        <td align="right"><bean:message key="user.city"/><em>*</em></td>
                                        <td align="center" class="input-box"><html:text property="billingCity" size="30" onblur="this.value=removeSpaces(this.value);"/></td>
                                    </tr>
                                    <tr><td colspan="2" align="center"><html:errors property="errBillingCity"/></td></tr>
                                    <tr class=" field billing-pincode">
                                        <td align="right"><bean:message key="user.pincode"/><em>*</em></td>
                                        <td align="center" class="input-box"><html:text property="billingPinCode" size="30" onblur="this.value=removeSpaces(this.value);"/></td>
                                    </tr>
                                    <tr><td colspan="2" align="center"><html:errors property="errBillingPinCode"/></td></tr>
                                    <tr class=" field billing-state">
                                        <td align="right"><bean:message key="user.state"/><em>*</em></td>
                                        <td align="center" class="input-box"><html:select property="billingState" style="width:200px" >
                                                <html:option value="0">--- Select ---</html:option>
                                                <html:options collection="stateMap" property="key" labelProperty="value"/>
                                            </html:select>
                                        </td>
                                    </tr>
                                    <tr><td colspan="2" align="center"><html:errors property="errBillingState"/></td></tr>
                                    <tr class=" field billing-contact">
                                        <td align="right"><bean:message key="user.contact"/><em>*</em></td>
                                        <td align="center" class="input-box"><html:text property="billingContact" size="30" onblur="this.value=removeSpaces(this.value);"/></td>
                                    </tr>
                                    <tr><td colspan="2" align="center"><html:errors property="errBillingContact"/></td></tr>
                                </table>
                            </div>
                            <div id="errdividbai" >
                                <span id="errspanidbai"></span>
                                <html:errors property="errRegisterBAI"/>
                            </div>
                        </div>                        
                        <div class="chkdeliveryaddress"><html:checkbox property="sameBillingAddr" onchange="javascript:togglediv('deliveryaddr');" value="ON"/> Delivery Address Same as Billing Address</div>                        
                        <div class="fieldset register-right bottom" id="deliveryaddr" style="display: block;">
                            <h2 class="legend">Delivery Address Information</h2>
                            <div class="form-table">
                                <table border="0" width="100%" align="center" cellspacing="5px">
                                    <tr class=" field delivery-house">
                                        <td align="right"><bean:message key="user.house"/><em>*</em></td>
                                        <td align="center" class="input-box"><html:text property="deliveryHouse" size="30"/></td>
                                    </tr>
                                    <tr><td colspan="2" align="center"><html:errors property="errDeliveryHouse"/></td></tr>
                                    <tr class=" field delivery-street">
                                        <td align="right"><bean:message key="user.street"/><em>*</em></td>
                                        <td align="center" class="input-box"><html:text property="deliveryStreet" size="30"/></td>
                                    </tr>
                                    <tr><td colspan="2" align="center"><html:errors property="errDeliveryStreet"/></td></tr>
                                    <tr class=" field delivery-city">
                                        <td align="right"><bean:message key="user.city"/><em>*</em></td>
                                        <td align="center" class="input-box"><html:text property="deliveryCity" size="30" onblur="this.value=removeSpaces(this.value);"/></td>
                                    </tr>
                                    <tr><td colspan="2" align="center"><html:errors property="errDeliveryCity"/></td></tr>
                                    <tr class=" field delivery-pincode">
                                        <td align="right"><bean:message key="user.pincode"/><em>*</em></td>
                                        <td align="center" class="input-box"><html:text property="deliveryPinCode" size="30" onblur="this.value=removeSpaces(this.value);"/></td>
                                    </tr>
                                    <tr><td colspan="2" align="center"><html:errors property="errDeliveryPinCode"/></td></tr>
                                    <tr class=" field delivery-state">
                                        <td align="right"><bean:message key="user.state"/><em>*</em></td>
                                        <td align="center" class="input-box"><html:select property="deliveryState" style="width:200px" >
                                                <html:option value="0">--- Select ---</html:option>
                                                <html:options collection="stateMap" property="key" labelProperty="value"/>
                                            </html:select>
                                        </td>
                                    </tr>
                                    <tr><td colspan="2" align="center"><html:errors property="errDeliveryState"/></td></tr>
                                    <tr class=" field delivery-contact">
                                        <td align="right"><bean:message key="user.contact"/><em>*</em></td>
                                        <td align="center" class="input-box"><html:text property="deliveryContact" size="30" onblur="this.value=removeSpaces(this.value);"/></td>
                                    </tr>
                                    <tr><td colspan="2" align="center"><html:errors property="errDeliveryContact"/></td></tr>
                                </table>
                            </div>
                        </div>
                        <div id="errdividdai" >
                            <span id="errspaniddai"></span>
                            <html:errors property="errRegisterDAI"/>
                        </div>
                    </div>

                    <div class="buttons-set createaccount">
                        <%--<html:submit value="Submit" />--%>
                        <a style="float:right;" onclick="javascript:return validateRegForm('./userAccount.do?action=insertUserInfo','userBean')">
                            <img src="images/submit.png" alt="Submit Button" onmouseover="src='images/submit-hover.png'" onmouseout="src='images/submit.png'"/></a>

                    </div>
                </html:form>
            </div>
        </div>
        <div class="clear"></div>
        <%@include file="/jsp/footer.jsp" %>
    </body>
</html:html>
